<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>TamTamyGraph</title>
  
  <script type="text/javascript" src="https://www.google.com/jsapi"></script>    
  <script src="js/scriptaculous/lib/prototype.js" type="text/javascript"></script> 
  <script src="js/scriptaculous/src/scriptaculous.js" type="text/javascript"></script>
  <script src="js/UserStatistics.js" type="text/javascript"></script>
  
  <script>                   
    google.load('visualization', '1', {'packages':['linechart', 'areachart']});  
    function test(){
      var url = "TamTamyGraph?username="+$F('username')+"&password="+$F('password')+"&random=" + (new Date());
      var us = new UserStats(url, {elementID:'prova1', userID: $F('username')});      
	}
  </script>

<link rel="stylesheet" type="text/css" href="css/style.css">      
</head>
<body>
  <div id="main">
    <div id="logo">
       <img src="img/TamTamyGraph.jpg">
     </div>
     <div id="loginForm">
       Inserisci il tuo <i>username</i> e la tua <i>password</i>:<br/>
       <span>
         <label for="usr">Username</label>     
         <input type="text" value="" id="username" name="username"/>  
       </span>  
       <span>    
         <label for="pwd">Password</label> 	 
         <input type="password" value="" id="password" name="password"/>	
       </span>	
       <span>    
         <input type="button" onclick="test()" value="Login" id="login"/>	
       </span>
     </div>                  
       
     <hr style="clear:both"/>
     <div id="prova1" style="border:1px solid silver; clear:both; text-align:center"></div>
     <hr style="clear:both"/>
     
     <div id="adv" style="clear:both">	
       <script type="text/javascript"><!--
	     google_ad_client = "pub-8356942660991871";
	     /* 728x15, created 4/21/09 */
	     google_ad_slot = "2359787014";
	     google_ad_width = 728;
	     google_ad_height = 15;
	     //-->
      </script>
      <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
    </div>      
        
  </div>
  
  <div id="info" style="clear: both"/>
    <hr style="clear: both"/>     
    ~ Omar "0m4r" Adobati 2009 ~ www.adobati.it ~ omar[at].adobati.it ~ <i>//Stay Angry, Stay Foolish\\</i>   
  </div>
  
  <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">
    try {
      var pageTracker = _gat._getTracker("UA-1596075-14");
      pageTracker._trackPageview();
    } catch(err) {}
  </script>
  
</body>
</html>